<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
    <style>
        .droptarget {
            float: left;
            width: 100px;
            height: 35px;
            margin: 15px;
            padding: 10px;
            border: 1px solid #aaaaaa;
        }
    </style>
</head>
<body>

<p>在两个矩形框中来回拖动 p 元素:</p>
<div >
    <p  draggable="true" id="dragtarget">拖动我!</p>
</div>

</script>

</body>
</html>